<template>
    <div class="footer">
        <div class="row-one">
            <router-link to="">登陆</router-link>
            |
            <router-link to="">注册</router-link>
        </div>
        <div class="row-two">
            <router-link to="">穷游首页</router-link>
            |
            <router-link to="">目的地</router-link>
            |
            <router-link to="">折扣</router-link>
            |
            <router-link to="">论坛</router-link>
            |
            <router-link to="">问答</router-link>

        </div>
        <div class="row-three">
            <router-link to="">手机版</router-link>
            |
            <router-link to="">电脑版</router-link>
            |
            <router-link to="">APP</router-link>
            |
            <router-link to="">提意见</router-link>
        </div>
        <div class="copy">
            Copyright &copy; 2004-2015 QYER.info
        </div>
    </div>

</template>

<script type="text/javascript">
    export default {
        name:'GuideFooter'
    }


</script>

<style type="text/css" scoped lang='less'>
    .footer{
        background-color: #f5f5f5;
        border-top: 1px solid #65ae76;
        padding-left: 1em;
        .row-one{
            a{
               color:blue;
            }
            margin:1em 0;

        }
        .row-two{
            margin:1em 0;
            a{
               color:gray;
            }
        }
        .row-three a{
            color:blue;
        }
        .row-three a:first-child{
            color:#333;
        }
        .copy{
            padding: 1em 0;
            color:gray;
            opacity: 0.5;
        }
    }



</style>
